<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
  <head>
    <%@ include file="/WEB-INF/backstage/base.jsp" %>
    <title>SWIFT4J快速开发平台</title>
    
    <script type="text/javascript" src="<%=bp%>js/jscharts/jscharts_mb.js"></script>
  </head>
  
<body>
	<div style="text-align: right;"><a href="javascript:location.href=document.referrer;">返回</a></div>
	<h5>肝硬化——发病年龄统计</h5>
	<div id="graph">Loading graph...</div>
	
<script type="text/javascript">
	//var myData = new Array(['15岁及以下', 21], ['16-25', 28], ['26-35', 12], ['36-45', 17], ['46-55', 17], ['56-65', 17], ['66岁及以上', 17]);
	var myData = new Array(${data});
	var colors = ['#AF0202', '#AF0202', '#AF0202', '#AF0202', '#AF0202', '#AF0202', '#AF0202'];
	var myChart = new JSChart('graph', 'bar');
	myChart.patchMbString(); 
	myChart.setDataArray(myData);
	myChart.colorizeBars(colors);
	myChart.setTitle('');
	myChart.setTitleColor('#8E8E8E');
	myChart.setAxisNameX('年龄');
	myChart.setAxisNameY('人数');
	myChart.setAxisColor('#C4C4C4');
	myChart.setAxisNameFontSize(16);
	myChart.setAxisNameColor('#999');
	myChart.setAxisValuesColor('#7E7E7E');
	myChart.setBarValuesColor('#7E7E7E');
	myChart.setAxisPaddingTop(60);
	myChart.setAxisPaddingRight(140);
	myChart.setAxisPaddingLeft(150);
	myChart.setAxisPaddingBottom(40);
	myChart.setTextPaddingLeft(105);
	myChart.setTitleFontSize(11);
	myChart.setBarBorderWidth(1);
	myChart.setBarBorderColor('#C4C4C4');
	myChart.setBarSpacingRatio(50);
	myChart.setTextPaddingBottom(-10);
	myChart.setGrid(false);
	myChart.setSize(816, 321);
	myChart.draw();
</script>
</body>
</html>
